import ReactDOM from 'react-dom'


// js中的列表渲染

const list = ['jack', 'tom', 'tony']

// 1. 手动转成jsx数组进行渲染
// const listJsx = [<li>jack</li>, <li>tom</li>, <li>tony</li>]
// const element = <ul>{listJsx}</ul>

// 2. 通过map转换
// const listJsx = list.map(item => <li>{item}</li>)
// const element = <ul>{listJsx}</ul>

// 3. 直接使用map
const element = <ul>{list.map(item => <li key={item}>{item}</li>)}</ul>

ReactDOM.render(element, document.getElementById('root'))